/*
Theme Name: The Vat Practice
Theme URI: http://www.thevatpractice.ie
Description: Custom theme
Version: 1.0
Author: Ollie McCarthy
Author URI: http://www.olliemccarthy.com
Tags: 
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


body {background:url(images/body_bg.png) transparent scroll repeat-x;}



/******************** HEADER **************************/


#top_image {z-index:1; margin:auto;  height:600px; background: transparent url(images/top_bg.png) no-repeat top center; }


#main_wrapper   {margin-top:-600px;}


#header {position:relative; width:960px;  height:190px;  background:url(images/header_bg.png) transparent scroll no-repeat;  margin:auto;    }
	
	#header h1 {line-height:23px;  position:absolute;  top:65px;  left:155px;  color:#FFF;  width:680px;  font-size:18px;  font-style:italic;  font-weight:normal;  }
	
	
/******************** NAVIGATION **************************/
	
	
#nav {width:960px;   height:35px;   background:url(images/nav_bg.png) transparent scroll no-repeat;  margin:auto; line-height:0px; position:relative;  background-position:0px -5px;}

	ul#navigation {position:relative;}

		ul#navigation li { position:relative; display:block; float: left;  height: 35px; text-transform: uppercase;  font-size:11px; letter-spacing:1px;   } 
			
			ul#navigation li a { display:block; position:relative; color:#FFF; height:11px; padding:18px 22px 12px 22px; background:url(images/nav_sprite.png) scroll transparent no-repeat; background-position:-30px -5px; }
				
			ul#navigation li.current_page_item a {background-position:-30px -205px;}
				
				ul#navigation li.current_page_item a:hover {background-position:-30px -205px;}
				
				ul#navigation li a:hover {background-position:-30px -105px;}
				
		ul#navigation ul {position:absolute; top:34px; left:0px; padding:10px 10px; background:#000; display:none; z-index:1000;}
		
			ul#navigation ul li { line-height:16px; height:auto;}
			
				ul#navigation ul li a {display:block; height:auto; float:left; color:#FFF; padding:15px 10px 10px 10px; background-image:none; width:150px;}
					
					ul#navigation ul li a:hover { background:#005;} 
	
	
	
/******************** SEARCH FORM  **************************/
	
	
.search_form2 	{}
	
	.search_input {	width:166px;  height:18px;  background:url(images/searchbar.gif) transparent scroll no-repeat;  border:0px;  padding:6px 8px;  color: #888;  letter-spacing: 2px;  position:absolute; top:3px; left:700px; font-family:Georgia, serif; }
					
	.search_button {width:40px; height:30px;  background:url(images/searchbar.gif) transparent scroll no-repeat; background-position:-181px 0px; border:0px;  position:absolute; top:3px; left:880px;}				
	.search_button:hover {background-position:-181px -30px; cursor:pointer; }
	
	
	
/******************** MAIN CONTENT **************************/


#centre_content_top_margin  {width:960px; height:20px;  margin:auto;  background:url(images/nav_20px_margin.png) transparent scroll repeat-x;  }


#centre_content_wrap  {  margin:auto;  background:url(images/main_bg.png) center transparent scroll repeat-y;}
	
	
#nine_sixty_wrap {width:960px;  margin:auto;  background:url(images/middle_grad.png) transparent scroll repeat-x;}


#main_content {width:660px;  float:left; }
	

	


	.article_wrap {width:540px;  padding:20px 20px 20px 20px; margin:20px 0px 40px 40px;  background-color:#f4f4f4;  border:1px solid #dbdbdb;  }
		
		.article_wrap h2 {font-size:30px; color:#5c5c5c;  letter-spacing:1px;  font-variant:small-caps;}
		.article_wrap p {font-size:14px;  line-height:25px;   color:#333;  margin-top:10px; margin-bottom:20px;  }
		.article_wrap .post  h3 {margin:20px 0px; font-size:20px; color:#333; font-weight:bold;		}
		.article_wrap ul {margin-bottom:40px;}
		.article_wrap em {font-style:italic;}
			.post img {float:left;  border: 3px double #dbdbdb; margin:10px 15px 2px 0px;  }

		
		.article_wrap ul li {list-style-type:circle; margin-left:40px;}
		
		.post strong {color:#545454;}
		.post em {font-style:itlalic;}
/******************** SIDEBAR **************************/			

			
#sidebar {width:300px;  float:right; margin-top:20px;  background:url(images/side_divider.png) transparent scroll no-repeat; background-position:1px 0px;}

	#sidebar p {font-size:12px;  line-height:20px;   color:#333; margin-top:10px;}
	#sidebar h3 {margin:0px 0px 0px 40px;  letter-spacing:1px;  color:#5c5c5c;  font-variant:small-caps;}
	#sidebar h4 {font-size:12px;  font-weight:bold; letter-spacing:1px;}
	#sidebar h5 {font-size:11px; font-weight:normal;  margin-top:12px;  font-variant:small-caps;  letter-spacing:1px;  }
	
		.side_contact h3	{background:url(images/contact_icon.png) transparent scroll no-repeat; background-position:0px 2px;  text-indent:22px;}
		.side_blog h3	{background:url(images/blog_icon.png) transparent scroll no-repeat; background-position:0px 0px;  text-indent:22px;}
		.side_links h3	{background:url(images/links_icon.png) transparent scroll no-repeat; background-position:0px 0px;  text-indent:22px;}
	
	
	.side_contact {margin-bottom:40px;}
	.side_blog {margin-bottom:-10px;}
		
		.archives_inner 	{margin:10px 0px 20px 40px;  width:200px;  padding:5px 10px 10px 10px;  background-color:#f4f4f4;  border:1px solid #dbdbdb;}
			.archives_inner ul {margin-top:10px;} 
			.archives_inner li {font-variant:small-caps;  letter-spacing:1.5px;  line-height:20px;  margin:5px 0px 5px 0px;   font-size:12px; background:url(images/speach_icon.png) transparent scroll no-repeat; background-position:0px 4px;  text-indent:22px; }
		.contact_inner 	{margin:10px 0px 20px 40px;  width:200px;  padding:0px 10px 10px 10px;  background-color:#f4f4f4;  border:1px solid #dbdbdb; }
		
		.blog_inner 		{margin:10px 0px 20px 40px;  width:200px;  padding:10px 10px 10px 10px;  background-color:#f4f4f4;  border:1px solid #dbdbdb; }
			.blog_inner h4 {letter-spacing:1px;  font-variant:small-caps;  }
			.blog_inner p {letter-spacing:1px;  font-style:italic;  }
			
		.links_inner 	{margin:10px 0px 20px 40px;  width:200px;  padding:0px 10px 10px 10px;  background-color:#f4f4f4;  border:1px solid #dbdbdb;}
			.links_inner ul {margin-top:10px;} 
			.links_inner li {font-variant:small-caps;  letter-spacing:1px;  line-height:20px;  margin:8px 0px 5px 0px;   font-size:12px; background:url(images/icon_link.png) transparent scroll no-repeat; background-position:2px 2px;  text-indent:22px; }
			
			
			.bubble {width:200px;  height:40px;  position:relative;  }
			.bubble_png {position:absolute;  width:42px;  height:30px;  background:url(images/speach_bubble.png) transparent scroll no-repeat; top:-26px;  left:60px;  }
	
	
#sidebar a:hover {color:#000; }
#sidebar a:visited {color:#00F; }

#sidebar #cta-button-wrapper {width:222px; margin-left:40px; margin-bottom:40px;}

	#sidebar #cta-button-wrapper a.cta-button {display:block; margin-bottom:20px; text-align:center; color:#FFF; background:url(images/cta-bg.png) scroll transparent no-repeat;  padding:15px 0px; font-variant:small-caps; font-size:18px; font-weight:bold; }
		
		#sidebar #cta-button-wrapper a.cta-button:hover {background-position:0px -250px;}

		
	#sidebar #cta-button-wrapper a.cta-button2 {display:block; margin-bottom:20px; text-align:center; color:#FFF; background:url(images/cta-bg.png) scroll transparent no-repeat;  padding:5px 0px; font-variant:small-caps; font-size:18px; font-weight:bold; }

		#sidebar #cta-button-wrapper a.cta-button2:hover {background-position:0px -250px;}
	
	
	
/******************** FOOTER **************************/

#footer_margin {height:20px;}
	
#footer {text-align:center;  height:100px;  background:url(images/footer_bg.png) transparent scroll repeat-x;  color:#FFF;  font-size:12px;  margin-top:-20px;  }
	
	#footer p {margin-top:10px;}
	a.footer-anchor {color: #FFF}
	#footer_overlap  {width:960px;  height:38px;  margin:auto;  background:url(images/footer_overlap.png) transparent scroll no-repeat;  }
	
	
/********************* JQUERY TOOLTIPS STYLING *****************************/



li.page_item em strong {font-variant:small-caps; letter-spacing:2px; color:#000; }
li.page_item em {font-family:Georgia, Times, serif; font-style:normal; font-size:12px; line-height: 19px;   color:#787878; letter-spacing:1px}

	
li.page-item-4 em { 
	background:url(images/bubble1.png) transparent scroll no-repeat; width:570px;  height: 60px;   	position: absolute; 
	top: -71px;	left: 24px;
	text-align: left;	padding: 4px 30px 10px 25px ;  
 	z-index: 20;	display: none; }

li.page-item-8 em { 
	background:url(images/bubble2.png) transparent scroll no-repeat; width:570px;  height: 60px;   	position: absolute; 
	top: -71px;	left: 24px;
	text-align: left;	padding: 4px 30px 10px 25px ; 
 	z-index: 20;	display: none; }	

li.page-item-10 em { 
	background:url(images/bubble3.png) transparent scroll no-repeat; width:570px;  height: 60px;   	position: absolute; 
	top: -71px;	left: 24px;
	text-align: left;	padding: 4px 30px 10px 25px ;  
 	z-index: 20;	display: none; }		
	
	
		
/********************* BLOG SPECIFIC *****************************/



.post h3 {font-size:12px;  color:#777;  font-weight:normal;  letter-spacing:1px;  font-variant:small-caps; margin-top:5px;}
.post h4 {font-size:12px;  color:#777;  font-weight:normal;  letter-spacing:1px;  font-variant:small-caps; margin-top:5px; }

ul.pagination {margin:-20px 0px 0px 0px; display:block;  font-size:14px; font-variant:small-caps; letter-spacing:1px; margin:bottom; width:620px; height:40px;}
ul.pagination li { background-color:#f4f4f4;  border:1px solid #dbdbdb; padding:8px 10px; }
ul.pagination li a {color:#000;}
ul.pagination li:hover {background-color:#FFF;}
li.previous_entries 	{float:left; margin-left:40px;  }
li.newer_entries 		{float:right; margin-right:0px;  }

a.blog_title {color:#5c5c5c; }
a.blog_title:hover {color:#5c5c5c; border-bottom:1px solid #5c5c5c;}
#blog_margin {height:20px;}

.category-blog img {margin-top:7px;}

h4.archive_header {font-size:20px; margin-top:20px;  font-style:italic;  letter-spacing:2px;  }

.archive_wrapper {border-top:1px solid #dbdbdb;  margin-top:20px;}

.no_results {height:800px;}

.search_margin {height:40px;}

.excerpt {}

.read_more {float:right; width:100px; height:30px; background-color:#ebebeb; border:1px solid #dbdbdb; font-variant:small-caps;}
	.read_more p {margin:0px 0px; font-size:12px; letter-spacing:1px; margin-left:10px; margin-top:2px; font-style:italic;}
	.read_more a {color:#545454; }
	.read_more a:hover {color:#000; }
	
	
/**************** COMMENTS SPECIFIC ****************/

#respond {margin-top:40px;}

input#submit {margin-left:390px; margin-top:20px; width:150px;  background-color:#FFF;  border:1px solid #7f9db9; font-family:Georgia, serif; font-size:14px; padding:8px 5px 8px 5px ; font-variant:small-caps; letter-spacing:1px;  color:#444;  }
	input#submit:hover {cursor:pointer; background-color:#EEE;}

textarea#comment {padding:5px 5px;  width:528px;  font-family:Georgia, serif;  letter-spacing:1px;  border:1px solid #7f9db9; }
	textarea#comment:focus { border:1px solid #00F;}

input#author {width:200px;  padding:5px 5px;  height:20px;  margin-right:10px; font-family:Georgia, serif; letter-spacing:1px;  border:1px solid #7f9db9;  margin-bottom:10px; }
	input#author:focus { border:1px solid #00F;  }

input#email {width:200px;  padding:5px 5px;  height:20px;  margin-right:10px; font-family:Georgia, serif; letter-spacing:1px; border:1px solid #7f9db9;  margin-bottom:10px;}
	input#email:focus { border:1px solid #00F;}

input#url {width:200px;  padding:5px 5px;  height:20px;  margin-right:10px; font-family:Georgia, serif; letter-spacing:1px; border:1px solid #7f9db9;  margin-bottom:10px;}
	input#email:focus { border:1px solid #00F;}


cite.fn {font-variant:small-caps; letter-spacing:1px;}

h3 { font-variant:small-caps; color:#787878; letter-spacing:1px;}

ol.commentlist li {margin-top:20px; background-color:#fafafa;  border:1px solid #dbdbdb; padding:20px 20px;}
ol.commentlist li p {font-style:italic; letter-spacing:1px;}
.commentmetadata {font-variant:small-caps; font-size:11px; margin-top:10px; letter-spacing:1px;}
.commentmetadata a {color:#aaa;}

/**************** Contact Forms ****************/

/* Services Form */

.services-form {margin-top:40px; }

	.services-form p {display:block; font-family:Arial, sans-serif; float:left; margin-bottom:20px; width:240px;  font-size:10px; letter-spacing:1px; color:#333; }

		.services-form p input {padding:5px 5px; width:200px; }
		
		.services-form p textarea {padding:5px 5px; width:440px; }
		
		div.services-form p input.s-submit {float:left; width:150px; border:1px solid #000; background:#D00; color:#FFF; font-family:Georgia, serif; text-transform:uppercase; letter-spacing:1px;  }
			
			div.services-form p  input.s-submit:hover {cursor:pointer; background:#F00; }
	
/* Updates Form */	
	
.updates-form  {margin-top:20px; }

	.updates-form p {display:block; font-family:Arial, sans-serif; float:left; margin-bottom:20px; width:240px;  font-size:10px; letter-spacing:1px; color:#333; }

		.updates-form p input {padding:5px 5px; width:200px; }
		
		.updates-form p textarea {padding:5px 5px; width:440px; }
		
		div.updates-form p input.s-submit {float:left; width:150px; border:1px solid #000; background:#D00; color:#FFF; font-family:Georgia, serif; text-transform:uppercase; letter-spacing:1px;  }
			
			div.updates-form p  input.s-submit:hover {cursor:pointer; background:#F00; }
		
		
/* VAT Risk Tool */

.risk-tool-wrapper {}
	
	.risk-tool-wrapper h3 {font-size:18px; font-variant:small-caps; font-weight:normal; color:#333;  background:none; margin-bottom:20px;}
	
	.step1 {background:#eee; padding:20px; border:1px solid #aaa; margin-top:40px;}
		
		.step1 p {display:block; width:160px; float:left; font-family:Arial, sans-serif; font-size:10px; letter-spacing:1px; color:#333;}	
			
			.step1 p input {width:120px; padding:5px 5px; }
			
			
	.risk-elements {background:#A8E5FF; padding:20px; border:1px solid #aaa; margin-top:40px;}
		
		.risk-elements p {line-height:16px; height:auto; padding-top:40px; font-family:Arial, sans-serif; font-size:12px;  color:#333;}	
			
			.risk-elements p select {float:right; width:130px;}
			
			.risk-elements p input {float:right; width:130px;}
	
			.risk-tool-wrapper	.risk-elements p em {width:330px; float:left; font-style:normal; }
	
	.section2 {background:#6DFF77;}
	
	.section3 {background:#E2FF6D;}
	
	.section4 {background:#FFC36D;}
	
	.section5 {background:#fdf;}
	
	.section6 {background:#eee;}
		
		input.risk-submit {padding:10px 0px; background:#F00; border:1px solid #000; color:#FFF; font-size:16px; font-weight:normal; font-variant:small-caps;  letter-spacing:1px;}
		
			input.risk-submit:hover {cursor:pointer; background:#f60}
			
	a.risk-tool-anchor {display:block;  border:1px solid #a00; text-align:center; width:220px; padding:20px 20px; background:#F00; color:#FFF; font-variant:small-caps; letter-spacing:1px;}	
	
		a.risk-tool-anchor:hover {background:#f53;}